<template>
<div class="home">
    <div class="my-home">
        <span>欢迎使用苗苗APP!</span>
    </div>
    <ul>
        <li><span>我的订单</span></li>
        <li><span>人工客服</span></li>
        <li><span>个人设置</span></li>
        <li><span>关于我们</span></li>
    </ul>
    <el-button class="button" @click="tui" type="info" round>{{this.$store.state.wdll}} </el-button>
</div>
</template>

<script>
import Theader from '@/components/Theader'
import Tfooter from '@/components/Tfooter'
export default {
    name:'name',
    components:{
        Theader,Tfooter
    },
    methods: {
      tui(){
         this.$router.push('mine/login')
      }
    },

};

</script>

<style scoped>
.home{background: #409EFF;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
.my-home{width: 100%;height: 200px;}
.my-home span{font-size: 30px; line-height: 50px; text-align: left; color: white;}
ul li{width: 100%;height: 50px;background: white;}
ul li:nth-of-type(1){border-top-left-radius: 30px;border-top-right-radius: 30px;}
ul li span{line-height: 50px; padding-left: 30px;}
.button{width: 100%;background: orangered;border-radius: 0;}
</style>